<div class="shadow w-full bg-white p-3 flex">
    <div class="avatar flex flex-col items-center gap-5 p-3">
        <img src="{{$user->avatar_url}}" class="w-10 h-10" alt="avatar">
        <div>{{$user->name}}</div>

        <a href="" class="text-blue-500">修改资料</a>
        <div></div>
    </div>

    <div class="flex gap-3">
        <div class="flex flex-col gap-2 justify-center items-center text-center border border-gray-50 p-3 rounded h-32 w-32">
            <x-zondicon-wallet class="h-8 w-8 alert-success"/>
            <div>{{$user->balance}}</div>
            <button class="text-blue-300">充值</button>
        </div>
    </div>

{{--    <div class="avatar flex flex-col items-center gap-5 p-3">--}}
{{--        <div>欢迎来到前端组件库！</div>--}}
{{--        <div>会员类型：普通</div>--}}
{{--        <div>到期时间：永久</div>--}}
{{--    </div>--}}
</div>
